﻿@using NGroup.VTL.Models;
@using NGroup.VTL.Core.Const;
@model ProductModel
@{
    ViewBag.Title = "Quản trị - Đăng sản phẩm mới";
    Layout = "~/Views/Shared/_AdminLayout.cshtml";    
}
@section Head{
    <script type="text/javascript" src="@Url.Content("~/Content/script/vtl.ajax.js")"></script>
    <script type="text/javascript" src="@Url.Content("~/Content/adminpages/ckeditor/ckeditor.js")"></script>
    <script type="text/javascript" src="@Url.Content("~/Content/adminpages/ckfinder/ckfinder.js")"></script>
    <script type="text/javascript" src="@Url.Content("~/Content/script/jquery.idTabs.min.js")"></script>
    <link type="text/javascript" href="@Url.Content("~/Content/adminpages/sample.css")" />
    <script type="text/javascript">
        $(document).ready(function () {
            CKEDITOR.replace("Content");
            CKEDITOR.replace("ProductDetail");
            CKEDITOR.replace("ContentEn");
            CKEDITOR.replace("ProductDetailEn");

            $("#producttabs ul").idTabs();

            $("#product_link").blur(function () {
                var uniqueString = $("#product_link").val();

                if (!uniqueString != false) {
                    $(".existing").hide();
                    return false;
                }

                var act = "/vuarao/CheckUniqueString";
                var typeID = $("#presentativeTypeID").attr("value");

                if (!typeID == false) {
                    CheckUniqueString(act, uniqueString, typeID, ActAfterCheckUniqueString);
                }
            });

            UpdateSubProductTypeID();

            $("#SupTypeID").change(function () {
                UpdateSubProductTypeID();
            });

            $("#btnDangSanPham").mousedown(function () {
                var invalidLink = $("#product_link").hasClass("input-validation-error");

                if (invalidLink == true) {
                    return false;
                }
            });
        });

        function UpdateSubProductTypeID() {
            var selectedID = $("#SupTypeID option:selected").val();

            if (!selectedID == false && selectedID != " ") {
                var subItems = __productsTypes[selectedID];

                $("#TypeID").empty();
                $("#TypeID").append("<option>- Nhóm sản phẩm -</option");

                if (!subItems == false || subItems.length > 0) {
                    for (var i = 0; i < subItems.length; i++) {
                        var option = "<option value='" + subItems[i].Value + "'>" + subItems[i].Text + "</option>";
                        $("#TypeID").append(option);
                    }
                }
            }
        }

        function ActAfterCheckUniqueString(isExistingUniqueString) {
            if (isExistingUniqueString === 'True') {
                $(".existing").show();
                $("#product_link").addClass("input-validation-error");
            }
            else {
                $(".existing").hide();
                $("#product_link").removeClass("input-validation-error");
            }
        }
    </script>
}
<!-- End .shortcut-buttons-set -->
<div class="clear">
</div>
<!-- End .clear -->
<div class="content-box">
    <!-- Start Content Box -->
    <div class="content-box-header">
        <h3>
            Sản phẩm mới</h3>
        <div class="filterGroup">
            <a href="#question" title="Hướng dẫn" rel="modal">
                <img src="@Url.Content("~/Content/adminpages/images/icons/question.png")")" alt="Hướng dẫn" /></a>
        </div>
        <div class="clear">
        </div>
    </div>
    <!-- End .content-box-header -->
    <div class="content-box-content">
        <div class="tab-content default-tab" id="tab1">
            @using (Html.BeginForm("dang_san_pham_moi", "vuarao", FormMethod.Post, new { @id = "formPostNewProduct", @class = "formPostNew" }))
            {   
                <p>
                    <label>
                        Tên sản phẩm (Vi)</label>
                    @Html.TextBoxFor(x => x.Title, new { @class = "text-input medium-input", @placeholder = "Tên sản phẩm", @type = "text", @id = "product_name", @maxlength = "500" })
                    <input type="hidden" value="0" id="presentativeTypeID" />
                    <input type="hidden" value="1" id="allInputValid" />
                    <br />
                </p>
                
                <p>
                    <label>
                        Tên sản phẩm (En)</label>
                    @Html.TextBoxFor(x => x.TitleEn, new { @class = "text-input medium-input", @placeholder = "Tên sản phẩm", @type = "text", @id = "product_name_en", @maxlength = "500" })
                    <br />
                </p>
                
                <p>
                    <label>
                        Loại sản phẩm</label>
                    @Html.DropDownListFor(x => x.SupTypeID,
                        NGroup.VTL.WebCore.AppContentTypes.Level0ProductSelectListItems)
                    @Html.DropDownListFor(x => x.TypeID,
                        new List<SelectListItem>
                        {
                            new SelectListItem{Text="- Nhóm sản phẩm -", Value=string.Empty}
                        }
                    )
                </p>
                <p>
                    <label>
                        Hiển thị
                    </label>
                    @Html.DropDownListFor(x => x.HomePageDisplayBlockID,
                        new List<SelectListItem> 
                        { 
                            new SelectListItem{Text = "Không hiện ở trang chủ", Value=@GeneralConfiguration.Khong_hien_tren_Trang_chu.ToString()},
                            new SelectListItem{Text = "Hiện ở sản phẩm mới", Value=@GeneralConfiguration.Hien_Thi_O_San_Pham_moi.ToString()},
                            new SelectListItem{Text = "Hiện ở Dây đeo thẻ", Value=@GeneralConfiguration.Hien_Thi_O_Day_deo_the.ToString()},
                            new SelectListItem{Text = "Hiện ở thẻ nhựa", Value=@GeneralConfiguration.Hien_Thi_O_The_Nhua.ToString()}
                        })
                </p>
                
                <p>
                    <label>
                        Meta Description (Vi)</label>
                    @Html.TextBoxFor(x => x.MetaDescription, new { @class = "text-input medium-input", @placeholder = "Meta description", @type = "text", @id = "meta_descriptione", @maxlength = "1500" })
                    @*<input class="text-input medium-input" title="Meta keyword" type="text" id="meta_keyworde" />*@
                    <br />
                </p>
                
                <p>
                    <label>
                        Meta Description (En)</label>
                    @Html.TextBoxFor(x => x.MetaDescriptionEn, new { @class = "text-input medium-input", @placeholder = "Meta description", @type = "text", @id = "meta_descriptione_en", @maxlength = "1500" })
                    <br />
                </p>
                
                <p>
                    <label>
                        Meta keyword (Vi)</label>
                    @Html.TextBoxFor(x => x.MetaContent, new { @class = "text-input medium-input", @placeholder = "Meta keyword", @type = "text", @id = "meta_keyworde", @maxlength = "1500" })
                    @*<input class="text-input medium-input" title="Meta keyword" type="text" id="meta_keyworde" />*@
                    <br />
                </p>
                
                <p>
                    <label>
                        Meta keyword (En)</label>
                    @Html.TextBoxFor(x => x.MetaContentEn, new { @class = "text-input medium-input", @placeholder = "Meta keyword", @type = "text", @id = "meta_keyworde_en", @maxlength = "1500" })
                    <br />
                </p>
                
                <p>
                    <label>
                        Liên kết</label>
                    @Html.TextBoxFor(x => x.UniqueString, new { @class = "text-input medium-input", @placeholder = "Liên kết", @type = "text", @id = "product_link", @maxlength = "500" })
                    <span class="input-notification attention png_bg existing" style="display: none;">Liên
                        kết này đã được sử dụng ở 1 bài viết khác</span> @*<input class="text-input medium-input" title="Liên kết" type="text" id="product_link" />*@
                    @*<span class="input-notification success png_bg">Successful message</span> <!{1}**
                    Classes for input-notification: success, error, information, attention **{1}>*@
                    <br />
                </p>
                <p>
                    <label>
                        Hình đại diện (Vi)</label>
                    @Html.TextBoxFor(x => x.ImageSmallURL, new { @class = "text-input medium-input", @type = "text", @placeholder = "Hình đại diện", @id = "hinh_dai_dien", @maxlength = "500" })
                    @*<input class="text-input medium-input" type="text" title="Hình đại diện" id="hinh_dai_dien"
                        name="medium-input" />*@
                    <input class="button btnBrowse" ref="#hinh_dai_dien" type="button" value="Chọn hình" />
                    @*<span class="input-notification error png_bg">Error message</span>*@
                </p>
                
                <p>
                    <label>
                        Hình đại diện (En)</label>
                    @Html.TextBoxFor(x => x.ImageSmallURLEn, new { @class = "text-input medium-input", @type = "text", @placeholder = "Hình đại diện", @id = "hinh_dai_dien_en", @maxlength = "500" })
                    <input class="button btnBrowse" ref="#hinh_dai_dien_en" type="button" value="Chọn hình" />
                    @*<span class="input-notification error png_bg">Error message</span>*@
                </p>
                
                <p>
                    <label>
                        Hình Tooltip (Vi)</label>
                    @Html.TextBoxFor(x => x.ImageLargeURL, new { @class = "text-input medium-input", @placeholder = "Hình tooltip", @type = "text", @id = "hinh_tooltip", @maxlength = "500" })
                    @*<input class="text-input medium-input" title="Hình tooltip" type="text" id="hinh_tooltip"
                        name="medium-input" />*@
                    <input class="button btnBrowse" type="button" ref="#hinh_tooltip" value="Chọn hình" />
                </p>
                
                <p>
                    <label>
                        Hình Tooltip (En)</label>
                    @Html.TextBoxFor(x => x.ImageLargeURLEn, new { @class = "text-input medium-input", @placeholder = "Hình tooltip", @type = "text", @id = "hinh_tooltip_en", @maxlength = "500" })
                    <input class="button btnBrowse" type="button" ref="#hinh_tooltip_en" value="Chọn hình" />
                </p>
                
                <p>
                    <label>
                        Giá (Vi)</label>
                    @Html.TextBoxFor(x => x.Price, new { @class = "text-input medium-input", @placeholder = "Giá", @type = "text", @id = "product_price", @maxlength = "500" })
                    <br />
                </p>
                
                <p>
                    <label>
                        Giá (En)</label>
                    @Html.TextBoxFor(x => x.PriceEn, new { @class = "text-input medium-input", @placeholder = "Giá", @type = "text", @id = "product_price_en", @maxlength = "500" })
                    <br />
                </p>
                
                <p>
                    <label>
                        Nội dung sản phẩm</label>
                    <br class="clear" />
                    <div id="producttabs" class="tabsContent cleared">
                        <ul>
                            <li><a href="#tabs-1" class="selected">Nội dung tổng quát (Vi)</a></li>
                            <li><a href="#tabs-2">Nội dung tab Chi Tiết Sản Phẩm (Vi)</a></li>
                            <li><a href="#tabs-3">Nội dung tổng quát (En)</a></li>
                            <li><a href="#tabs-4">Nội dung tab Chi Tiết Sản Phẩm (En)</a></li>
                            @*<li><a href="#tabs-3">Nội dung tab Chi Tiết Thanh Toán</a></li>*@
                        </ul>
                        <div id="tabs-1">
                            @Html.TextAreaFor(x => x.Content, new { @id = "Content" })
                        </div>
                        <div id="tabs-2">
                            @Html.TextAreaFor(x => x.ProductDetail, new { @id = "ProductDetail" })
                        </div>
                        <div id="tabs-3">
                            @Html.TextAreaFor(x => x.ContentEn, new { @id = "Content" })
                        </div>
                        <div id="tabs-4">
                            @Html.TextAreaFor(x => x.ProductDetailEn, new { @id = "ProductDetail" })
                        </div>
                        @*<div id="tabs-3">
                            @Html.TextAreaFor(x => x.DeliveryDetail, new { @id = "DeliveryDetail" })
                        </div>*@
                    </div>
                    @*<textarea id="ckEditor" rows="100" cols="30"></textarea>*@ @*<textarea class="text-input textarea wysiwyg" id="textarea" name="textfield" cols="79"
                    rows="15"></textarea>*@
                    @Html.HiddenFor(x => x.ProductID)
                </p>
                <p>
                    <input class="button" type="submit" value="Đăng sản phẩm" id="btnDangSanPham" />
                </p>
                <div class="clear">
                </div>
            }
        </div>
        <!-- End #tab2 -->
    </div>
    <!-- End .content-box-content -->
</div>
<!-- End .content-box -->
@section Lazy{
    <script type="text/javascript">
        $(".current").removeClass("current");
        $("#dang_san_pham_moi").addClass("current");
        $("#dang_san_pham_moi").parent("ul").css("display", "inherit");
        $("#qlsp").addClass("current");
        var __productsTypes = @Html.Raw(NGroup.VTL.WebCore.AppContentTypes.ProductSelectListItemsJson);
    </script>
}
